
<!DOCTYPE html>
<html>
<head>


<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />


<!-- head 中 -->
<link rel="stylesheet" href="dist/lib/weui.css">
<link rel="stylesheet" href="dist/css/jquery-weui.css">

<!-- body 最后 -->
<script src="dist/lib/jquery-2.1.4.js"></script>
<script src="dist/js/jquery-weui.js"></script>

<title>demo</title>
<style type="text/css">
.shfb-body .weui_bar_item_on{
	background-color: red;
	color: #fff;
}
.shfb-body .weui_grid_icon{
	background-color:rgba(255,255,255,0);
	width:65px;
	height:65px;
	border-radius: 50px;
	border: 1px rgba(50,50,50,0.5) solid;

	overflow:hidden;
	background-size:auto 100%;
	background-position:center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-origin:content-box;
}
.shfb-body .weui_grid:after{border-width:0;}
.shfb-body .weui_grid:before{border-width:0;}
</style>

</head>

<body class="shfb-body">
<div class="navbar">
	<div class="bd" style="height: 100%;">
	    <div class="weui_tab">
	        <div class="weui_navbar">
	            <div class="weui_navbar_item weui_bar_item_on">
	                区县
	            </div>
	            <div class="weui_navbar_item">
	                委办局
	            </div>
	            <div class="weui_navbar_item">
	                重要机构
	            </div>
	        </div>

	        <!-- 用于保持样式 勿删 -->
	        <div class="weui_tab_bd">
	        </div>
	    </div>
	</div>
</div>
<div class="weui_grids">
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/button" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO1.jpg);">
        </div>
        <p class="weui_grid_label">
            常熟公安
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    <a href="#/cell" class="weui_grid">
        <div class="weui_grid_icon"  style="background-image:url(LOGO2.jpg);">
            <i class="icon icon_cell"></i>
        </div>
        <p class="weui_grid_label">
            上海消防
        </p>
    </a>
    
</div>


</body>

</html>